<template lang="html">
  <div>
    <sui-statistic horizontal size="mini">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <sui-statistic horizontal size="tiny">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <sui-statistic horizontal size="small">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <sui-statistic horizontal>
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <sui-statistic horizontal size="large">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <sui-statistic horizontal size="huge">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>

    <div is="sui-divider" />
    <sui-statistic horizontal size="mini">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <div is="sui-divider" />
    <sui-statistic horizontal size="tiny">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <div is="sui-divider" />
    <sui-statistic horizontal size="small">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <div is="sui-divider" />
    <sui-statistic horizontal>
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <div is="sui-divider" />
    <sui-statistic horizontal size="large">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
    <div is="sui-divider" />
    <sui-statistic horizontal size="huge">
      <sui-statistic-value>
        2,204
      </sui-statistic-value>
      <sui-statistic-label>
        Views
      </sui-statistic-label>
    </sui-statistic>
  </div>
</template>

<script>
export default {
  name: 'StatisticSizeExample',
};
</script>
